<template>
   <div class="app-container">
      <el-form
         ref="form"
         :model="form"
         label-width="200px"
         class="bg-white pd20"
      >
         <el-form-item label="删除表单">
            <el-table v-loading="loading" :data="userList" border>
               <el-table-column
                  label="序号"
                  align="center"
                  key="userId"
                  prop="userId"
                  width="80"
               ></el-table-column>
               <el-table-column
                  label="表单名称"
                  align="center"
                  key="userName"
                  prop="userName"
                  width="199"
                  :show-overflow-tooltip="true"
               >
                  <template slot-scope="scope">
                     <div>
                        <span>{{ scope.row.userName }}</span>
                     </div>
                  </template>
               </el-table-column>
               <el-table-column
                  label="表单名称（数据库）"
                  align="center"
                  key="nickName"
                  prop="nickName"
                  width="200"
                  :show-overflow-tooltip="true"
               >
                  <template slot-scope="scope">
                     <div>
                        <span>{{ scope.row.nickName }}</span>
                     </div>
                  </template>
               </el-table-column>
               <el-table-column
                  label="安全等级"
                  align="center"
                  key="type"
                  prop="type"
                  :show-overflow-tooltip="true"
               >
                  <template slot-scope="scope">
                     <div>
                        <span>{{ scope.row.type }}</span>
                     </div>
                  </template>
               </el-table-column>
               <el-table-column
                  label="数据行数"
                  align="changTime"
                  key="idKey"
                  prop="idKey"
                  width="199"
               >
                  <template slot-scope="scope">
                     <div>
                        <span>{{ scope.row.type }}</span>
                     </div>
                  </template>
               </el-table-column>
               <el-table-column
                  label="最近更新日期"
                  align="center"
                  key="changeUser"
                  prop="isNotNull"
                  width="199"
               >
                  <template slot-scope="scope">
                     <span>{{ scope.row.changeUser }}</span>
                  </template>
               </el-table-column>
               <el-table-column label="负责人" align="center" width="80">
                   <template slot-scope="scope">
                     <span>{{ scope.row.changeUser }}</span>
                  </template>
               </el-table-column>
            </el-table>
         </el-form-item>

         <!---收藏数量--->
         <el-form-item label="收藏数量">
            <el-table v-loading="loading" :data="userList" border>
               <el-table-column
                  label="序号"
                  align="center"
                  key="userId"
                  prop="userId"
                  width="80"
               ></el-table-column>
               <el-table-column
                  label="表单名称"
                  align="center"
                  key="userName"
                  prop="userName"
                  width="199"
                  :show-overflow-tooltip="true"
               >
                  <template slot-scope="scope">
                     <div>
                        <span>{{ scope.row.userName }}</span>
                     </div>
                  </template>
               </el-table-column>
               <el-table-column
                  label="表单名称（数据库）"
                  align="center"
                  key="nickName"
                  prop="nickName"
                  width="200"
                  :show-overflow-tooltip="true"
               >
                  <template slot-scope="scope">
                     <div>
                        <span>{{ scope.row.nickName }}</span>
                     </div>
                  </template>
               </el-table-column>
               <el-table-column
                  label="所属层级"
                  align="center"
                  key="type"
                  prop="type"
                  :show-overflow-tooltip="true"
               >
                  <template slot-scope="scope">
                     <div>
                        <span>{{ scope.row.type }}</span>
                     </div>
                  </template>
               </el-table-column>
               <el-table-column
                  label="删除影响"
                  align="changTime"
                  key="idKey"
                  prop="idKey"
                  width="199"
               >
                  <template slot-scope="scope">
                     <div>
                        <span>{{ scope.row.type }}</span>
                     </div>
                  </template>
               </el-table-column>
            </el-table>
         </el-form-item>
         <el-form-item  class="search-btn">
            <el-button type="primary" size="mini" @click="onSubmit" class="search-btn-item">提交</el-button>
            <el-button class="search-btn-item" size="mini">取消</el-button>
         </el-form-item>
      </el-form>
   </div>
</template>
<style lang="scss" scoped>
/**
    Element class start
  **/
.el-form-item__label {
   width: 200px !important;
   text-align: left;
}
.search-btn{
   text-align: center;
}
/**
    Element class end
  **/
</style>
<script>
import {
   listUser,
   getUser,
   delUser,
   addUser,
   updateUser,
   exportUser,
   resetUserPwd,
   changeUserStatus
} from "@/api/system/user";
import { getToken } from "@/utils/auth";
import { treeselect } from "@/api/system/dept";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
//
import dataView from "./details/dataView"; //  数据预览表格
import metaData from "./details/metaData"; // 元数据

export default {
   name: "createFrom",
   data() {
      return {
         form: {
            name: "",
            region: "",
            date1: "",
            date2: "",
            delivery: false,
            type: [],
            resource: "",
            desc: ""
         },
         userList: [
            {
               userId: 1,
               userName: "中康",
               isNotNull: "否",
               nickName: "中康yun",
               deptName: "中康yun",
               ismaryKey: "是",
               type: "number",
               idKey: "是",
               changTime: "2021-4-26",
               changeUser: "中康管理"
            },
            {
               userId: 2,
               userName: "中康",
               isNotNull: "否",
               nickName: "中康yun",
               deptName: "中康yun",
               ismaryKey: "是",
               type: "number",
               idKey: "是",
               changTime: "2021-4-26",
               changeUser: "中康管理"
            }
         ]
      };
   },
   mounted() {
      //  var nav =document.getElementsByClassName("el-form")[0].clientHeight
      // var mb8 =document.getElementsByClassName("mb8")[0].clientHeight
      // this.mapHeight = window.window.innerHeight-nav-mb8-160
      // console.log(this.mapHeight)
   },
   methods: {
      onSubmit() {
         console.log("submit!");
      }
   }
};
</script>
